{extend name="main"}
{block name="style"}
{css href="__PLUGIN_SRC__/Swiper/swiper.min.css"}
<style type="text/css">
    .banner-container {
      width: 100%;
      height: 265px;
    }
    .banner-container .swiper-slide a{width:100%;}
    .banner-container .swiper-slide img{width:100%;height: 265px;}
    .banner-container .swiper-pagination-bullet-active{background:#fff;}
    .company-icon-container .swiper-pagination-bullet-active{background:#FF6D05;}
    .hover-show-jobs-sum-body{position: relative;display: block;}
    .hover-show-jobs-sum-body .hover-show-jobs-sum{display: none;position: absolute;left: 0;top:0;right: 0;bottom: 0;z-index: 1;background-color: rgba(0,0,0,.65);color:#FFFFFF;padding-top: 13%;}
    .hover-show-jobs-sum-body:hover .hover-show-jobs-sum{display: block;}
    .search-bg{background-image: url(__TEMPLATE_STATIC__/home_searchbar_img_bg.png);background-size: 100% 100%;}
    .text-white a{color: #FFFFFF!important;}
    .footer-position{position: fixed; left: 0; right: 0;bottom: 0;z-index: 100;background-color: rgba(0, 0, 0, .45);color: #FFFFFF;}
    .footer-position-code{position: absolute;bottom: 0;}
    .company-icon-item{position: relative;overflow: hidden;}
    .company-icon-item .jobs_list{position: absolute;left: 0;top: 100%;right: 0;bottom: 0;z-index: 10;background-color: rgba(0, 0, 0, .65);transition: all .3s;-webkit-transition: all .3s; }
    .company-icon-item:hover .jobs_list{top: 0;}
</style>
{/block}
{block name="header"}
{include file="module/top_nav" container="container-xl"/}
{include file="module/header"/}
{/block}
{block name="body"}
<div class="search-bg mb-3">
<div class="container-xl">
	<div class="search w-75 mx-auto py-5">
		<el-form @submit.native.prevent="sendSearch">
			<el-input placeholder="会计/财务/人力/客服/设计…" v-model="search.key" class="input-with-select shadow el-input__inner-left-none">
			    <el-select slot="prepend" v-model="search.type">
			      <el-option label="找工作" :value="1"></el-option>
			      <el-option label="招人才" :value="2"></el-option>
			      <el-option label="搜企业" :value="3"></el-option>
			    </el-select>
			    <el-button native-type="submit" slot="append">搜 索</el-button>
			</el-input>
		</el-form>
		<div class="flex pt-2 text-white">
			<div class="text-white">热门搜索：</div>
			<div class="px-2"><a href="/jobs?key=普工" target="_blank">普工</a></div>
			<div class="px-2"><a href="/jobs?key=销售" target="_blank">销售</a></div>
			<div class="px-2"><a href="/jobs?key=司机" target="_blank">司机</a></div>
			<div class="px-2"><a href="/jobs?key=文员" target="_blank">文员</a></div>
			<div class="px-2"><a href="/jobs?key=管理" target="_blank">管理</a></div>
			<div class="px-2"><a href="/jobs?key=业务员" target="_blank">业务员</a></div>
			<div class="px-2"><a href="/jobs?key=设计" target="_blank">设计</a></div>
			<div class="px-2"><a href="/jobs?key=收银" target="_blank">收银</a></div>
			<div class="px-2"><a href="/jobs?key=服务员" target="_blank">服务员</a></div>
			<div class="px-2"><a href="/jobs?key=导购" target="_blank">导购</a></div>
			<div class="px-2"><a href="/jobs?key=会计" target="_blank">会计</a></div>
		</div>
	</div>
</div>
</div>
<div class="container-xl pb-3">
	<div class="flex position-relative">
		<div class="jobs-cate">
			<div class="jobs-cate-list">
			{xycms:jobscatelist name='v' length="9"}
			    <div class="jobs-cate-item px-3">
			    	<div class="flex flex-center">
		    			{notempty name="v.icon"}
			    		<div>
			    			<img src="{$v.icon}" width="16">
			    		</div>
		    			{/notempty}
			    		<div class="flex-1 pl-2 text-truncate">{$v.title}</div>
			    		<div>
			    			<i class="el-icon-arrow-right"></i>
			    		</div>
			    	</div>
			    	<div class="jobs-cate-body">
			    		{volist name="v.data" id="va"}
			    		<h6>{$va.title}</h6>
			    		<div class="border-bottom row mx-0">
				    		{volist name="va.data" id="val"}
				    		<div class="col-3"><a href="/jobs?cid={$val.id}" class="el-link el-link--info"
				    		target="_blank">{$val.title}</a></div>
				    		{/volist}
			    		</div>
			    		{/volist}
			    	</div>
			    </div>
			{/xycms:jobscatelist}
			</div>
			<div class="jobs-all px-3">
				<a href="/jobs/all-jobs-cate" class="el-link el-link--primary">全部职位分类>></a>
			</div>
		</div>
		<div class="flex-1 px-3">
			<div class="bg-white shadow">
			  <div class="swiper-container banner-container">
			    <div class="swiper-wrapper">
					{xycms:ads alias="home_banner" name='v' length="100"}
			      	<div class="swiper-slide text-v-center">
			      		{empty name="v.url"}
				      	<a class="s {$v.ads_icon?'ads-icon':''}" title="{$v.title}">
			      		{else/}
				      	<a href="{$v.url}" class="s {$v.ads_icon?'ads-icon':''}" target="_blank" title="{$v.title}">
			      		{/empty}
				      		<img src="{xycms:web name='imgurl'/}{$v.path}">
				      	</a>
			      	</div>
					{/xycms:ads}
			    </div>
			    <div class="swiper-pagination"></div>
			  </div>
			</div>
			<div class="mt-3 article-notice shadow">
				<div class="flex tabs-nav">
					<div class="flex-1 tabs-item" :class="{'active':articleNotice==0}" @mousemove="articleNotice=0;articleNoticeTime=0;">公告信息</div>
					<div class="flex-1 tabs-item" :class="{'active':articleNotice==1}" @mousemove="articleNotice=1;articleNoticeTime=0;">热门资讯</div>
					<div class="flex-1 tabs-item" :class="{'active':articleNotice==2}" @mousemove="articleNotice=2;articleNoticeTime=0;">事业单位招聘</div>
					<div class="flex-1 tabs-item" :class="{'active':articleNotice==3}" @mousemove="articleNotice=3;articleNoticeTime=0;">面试宝典</div>
				</div>
				<ul class="article-notice-content text-left mb-0 pl-4" v-show="articleNotice==0">
					{xycms:articlelist alias="article_notice" name='v' length="10"}
					<li class="{$v.cla}">
						<div class="flex py-1 pr-3">
							<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3">{$v.title}</a>
							<span class="text-secondary {$v.cla}">{$v.start_time|date="Y/m/d"}</span>
						</div>
					</li>
					{/xycms:articlelist}
				</ul>
				<ul class="article-notice-content text-left mb-0 pl-4" v-show="articleNotice==1">
					{xycms:articlelist alias="hot" name='v' length="10"}
					<li class="{$v.cla}">
						<div class="flex py-1 pr-3">
							<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3">{$v.title}</a>
							<span class="text-secondary {$v.cla}">{$v.start_time|date="Y/m/d"}</span>
						</div>
					</li>
					{/xycms:articlelist}
				</ul>
				<ul class="article-notice-content text-left mb-0 pl-4" v-show="articleNotice==2">
					{xycms:articlelist alias="government_institutions" name='v' length="10"}
					<li class="{$v.cla}">
						<div class="flex py-1 pr-3">
							<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3">{$v.title}</a>
							<span class="text-secondary {$v.cla}">{$v.start_time|date="Y/m/d"}</span>
						</div>
					</li>
					{/xycms:articlelist}
				</ul>
				<ul class="article-notice-content text-left mb-0 pl-4" v-show="articleNotice==3">
					{xycms:articlelist alias="interview_guide" name='v' length="10"}
					<li class="{$v.cla}">
						<div class="flex py-1 pr-3">
							<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3">{$v.title}</a>
							<span class="text-secondary {$v.cla}">{$v.start_time|date="Y/m/d"}</span>
						</div>
					</li>
					{/xycms:articlelist}
				</ul>
			</div>
		</div>
		<div class="shadow">
			<div v-if="userInfo.id && userInfo.role_type===0" class="login-tabs text-center position-relative">
				<div class="position-absolute p-2" style="right: 0;">
					<el-button type="success" size="minism" @click="goToCompany">切换企业版</el-button>
					<el-button type="primary" size="minism" @click="outLogin">注销</el-button>
				</div>
				<div class="wrap h-100">
					<div class="flex1 wrap h-100">
						<div class="pt-5 pb-2 flex1 text-v-center">
							<el-avatar :size="80" :src="userInfo.headimg"></el-avatar>
					    </div>
						<div class="text-secondary">
							<el-link href="/user" type="primary" :underline="false" target="_blank">{{userInfo.nickname}}</el-link>
							，{:getTimeIntervaText()}好
						</div>
						<p class="text-secondary">欢迎来到{xycms:web name="name"}</p>
						<el-link href="/user" type="primary" :underline="false" class="d-block py-3">
							进入个人中心
						</el-link>
					</div>
					<div class="border-top">
						<el-link href="/user" type="primary" :underline="false" class="d-block py-3">
							查看/更新简历
						</el-link>
					</div>
				</div>
			</div>
			<div v-else-if="userInfo.id && userInfo.role_type===1" class="login-tabs text-center position-relative">
				<div class="position-absolute p-2" style="right: 0;">
					<el-button type="success" size="minism" @click="goToPersonal">切换个人版</el-button>
					<el-button type="primary" size="minism" @click="outLogin">注销</el-button>
				</div>
				<div class="wrap h-100">
					<div class="flex1 wrap h-100">
						<div class="pt-5 pb-2 flex1">
							<el-avatar :size="80" :src="userInfo.headimg"></el-avatar>
					    </div>
						<div class="text-secondary">
							<el-link href="/user" type="primary" :underline="false" target="_blank">{{userInfo.nickname}}</el-link>
							，{:getTimeIntervaText()}好
						</div>
						<p class="text-secondary">欢迎来到{xycms:web name="name"}</p>
						<el-link href="/user" type="primary" :underline="false" class="d-block py-3">
							进入个人中心
						</el-link>
					</div>
					<div class="border-top">
						<el-link href="/user/resume/management" type="primary" :underline="false" class="d-block py-3">
							查看投递
						</el-link>
					</div>
				</div>
			</div>
			<div v-else="userInfo.id">
				<div v-if="!loginTabs.loginWin">
					{include file="module/login_tabs"/}
				</div>
			</div>
			<div class="article-ad text-v-center">
				{xycms:ads alias="home_logwin" name='v'}
		      	<div class="text-v-center">
		      		{empty name="v.url"}
			      	<a title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
		      		{else/}
			      	<a href="{$v.url}" class="s {$v.ads_icon?'ads-icon':''}" target="_blank" title="{$v.title}">
		      		{/empty}
						<img src="{xycms:web name="imgurl"/}{$v.path}">
			      	</a>
		      	</div>
				{/xycms:ads}
			</div>
		</div>
	</div>
	{xycms:hasads alias="home_a1"}
	<div class="ads home-img row mt-3">
		{xycms:ads alias="home_a1" name='v' length="100"}
		<div class="col-{$v.col}">
      		{empty name="v.url"}
	      	<a title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
      		{else/}
	      	<a href="{$v.url}" target="_blank" title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
      		{/empty}
				<img src="{xycms:web name="imgurl"/}{$v.path}">
	      	</a>
      	</div>
		{/xycms:ads}
	</div>
	{/xycms:hasads}
	{xycms:companylist name="CompanyList" is_famous="1" length="30"}
	<div class="mt-3">
		<div class="flex">
			<div class="flex-1"></div>
			<el-divider class="flex-1 block-title">企业推荐</el-divider>
			<div class="flex-1"></div>
		</div>
		<div class="row company-icon-list pt-3">
	    	{volist name="CompanyList" id="v"}
	      	<div class="col-3">
	      		<div class="company-icon-item pointer">
			      	<a href="/company/{$v.id}.html" target="_blank" class="text-dark p-3">
						<img src="{$v.logo}">
						{empty name="v.stitle"}
						<p class="text-truncate px-2 mb-0 pt-2">{$v.title}</p>
						{else/}
						<p class="text-truncate px-2 mb-0 pt-2">{$v.stitle}</p>
						{/empty}
						<div class="small text-secondary flex text-v-center mt-2">
							<div>{$v.size_type}</div>
							<div class="border-left py-1 mx-1"></div>
							<div>{$v.industry}</div>
						</div>
						<div class="border-top pt-3 mt-2 flex flex-center">
							<div class="flex-1">
								<div class="h6 text-primary">{$v.jobs_sum}个</div>
								<div class="small">在招职位</div>
							</div>
							<div class="border-left py-3"></div>
							<div class="flex-1">
								<div class="h6 text-primary">{$v.resume_efficiency}%</div>
								<div class="small">简历处理率</div>
							</div>
							<div class="border-left py-3"></div>
							<div class="flex-1">
								<div class="h6 text-primary">1天</div>
								<div class="small">简历处理用时</div>
							</div>
						</div>
					</a>
					<div class="jobs_list p-3 text-left">
						<div class="text-center">
			      	<a href="/company/{$v.id}.html" target="_blank" class="text-white">{$v.title}</a>
						</div>
						{notempty name="v.jobs_list"}
						{volist name="v.jobs_list" id="jobs" length="5"}
						<div class="py-1">
			      	<a href="/jobs/{$jobs.id}.html" target="_blank" class="text-white">{$jobs.title}</a>
						</div>
						{/volist}
						{/notempty}
						<div>
			      	<a href="/company/{$v.id}.html" target="_blank">更多职位</a>
						</div>
					</div>
				</div>
	      	</div>
	      	{/volist}
		</div>
		<div class="text-center mt-3">
			<a href="/company" class="el-button rounded-0 px-5 el-button--primary text-white">查看更多</a>
		</div>
	</div>
  	{/xycms:companylist}
	<div class="mt-3">
		<div class="bg-white flex flex-center mb-3 pl-3">
			<div class="p-3 pointer border-bottom border-white border-lg" :class="{'border-primary text-primary':jobs_type==2}" @mousemove="jobs_type=2;">最新职位</div>
			<div class="p-3 pointer border-bottom border-white border-lg" :class="{'border-primary text-primary':jobs_type==0}" @mousemove="jobs_type=0;">热门职位</div>
			<div class="p-3 pointer border-bottom border-white border-lg" :class="{'border-primary text-primary':jobs_type==1}" @mousemove="jobs_type=1;">高薪职位</div>
			<div class="flex-1"></div>
			<div class="pr-3">
				<a href="/jobs" class="el-link el-link--primary" target="_blank">全部职位 >></a>
			</div>
		</div>
		{xycms:jobslist name="JobsList" new="1" length="18"}
		<div class="row home-jobs-list" v-show="jobs_type==2">
			{volist name="JobsList" id="v"}
			<div class="col-4">
				<div class="home-jobs-item">
					<a href="/jobs/{$v.id}.html" target="_blank" class="p-3">
						<div class="flex pb-2">
							<h6 class="mb-0 flex-1 text-dark">{$v.title}</h6>
							<div class="h6 text-ec6334 mb-0">
								{gt name="v.salary_min" value="0"}
								{eq name="v.jobs_salary_show_type" value="1"}
								{$v.salary_min}-{$v.salary_max}元
								{else/}
								{$v.salary_min}-{$v.salary_max}k
								{/eq}
								{else/}
								面议
								{/gt}
							</div>
						</div>
						<div class="text-secondary small">{$v.exp_level}丨{$v.education}</div>
						<div class="flex text-truncate border-top mt-2 text-dark flex-center pt-2 small">
							{notempty name="v.logo"}
							<div>
								<img src="{$v.logo}" alt="" width="40" height="40" class="border rounded">
							</div>
							{/notempty}
							<div class="flex-1 px-2 text-truncate">
								{empty name="v.scompany_name"}
								{$v.company_name}
								{else/}
								{$v.scompany_name}
								{/empty}
							</div>
							<div class="">
								<i class="el-icon-location-outline"></i>{$v.jobs_city}-{$v.jobs_area}
							</div>
						</div>
					</a>
				</div>
			</div>
			{/volist}
		</div>
		{/xycms:jobslist}
		{xycms:jobslist name="JobsList" is_hot="1" length="18"}
		<div class="row home-jobs-list" v-show="jobs_type==0">
			{volist name="JobsList" id="v"}
			<div class="col-4">
				<div class="home-jobs-item">
					<a href="/jobs/{$v.id}.html" target="_blank" class="p-3">
						<div class="flex pb-2">
							<h6 class="mb-0 flex-1 text-dark">{$v.title}</h6>
							<div class="h6 text-ec6334 mb-0">
								{gt name="v.salary_min" value="0"}
								{eq name="v.jobs_salary_show_type" value="1"}
								{$v.salary_min}-{$v.salary_max}元
								{else/}
								{$v.salary_min}-{$v.salary_max}k
								{/eq}
								{else/}
								面议
								{/gt}
							</div>
						</div>
						<div class="text-secondary small">{$v.exp_level}丨{$v.education}</div>
						<div class="flex text-truncate border-top mt-2 text-dark flex-center pt-2 small">
							{notempty name="v.logo"}
							<div>
								<img src="{$v.logo}" alt="" width="40" height="40" class="border rounded">
							</div>
							{/notempty}
							<div class="flex-1 px-2 text-truncate">
								{empty name="v.scompany_name"}
								{$v.company_name}
								{else/}
								{$v.scompany_name}
								{/empty}
							</div>
							<div class="">
								<i class="el-icon-location-outline"></i>{$v.jobs_city}-{$v.jobs_area}
							</div>
						</div>
					</a>
				</div>
			</div>
			{/volist}
		</div>
		{/xycms:jobslist}
		{xycms:jobslist name="JobsList" is_high_salary="1" length="18"}
		<div class="row home-jobs-list" v-show="jobs_type==1">
			{volist name="JobsList" id="v"}
			<div class="col-4">
				<div class="home-jobs-item">
					<a href="/jobs/{$v.id}.html" target="_blank" class="p-3">
						<div class="flex pb-2">
							<h6 class="mb-0 flex-1 text-dark">{$v.title}</h6>
							<div class="h6 text-ec6334 mb-0">
								{gt name="v.salary_min" value="0"}
								{eq name="v.jobs_salary_show_type" value="1"}
								{$v.salary_min}-{$v.salary_max}元
								{else/}
								{$v.salary_min}-{$v.salary_max}k
								{/eq}
								{else/}
								面议
								{/gt}
							</div>
						</div>
						<div class="text-secondary small">{$v.exp_level}丨{$v.education}</div>
						<div class="flex text-truncate border-top mt-2 text-dark flex-center pt-2 small">
							{notempty name="v.logo"}
							<div>
								<img src="{$v.logo}" alt="" width="40" height="40" class="border rounded">
							</div>
							{/notempty}
							<div class="flex-1 px-2 text-truncate">
								{empty name="v.scompany_name"}
								{$v.company_name}
								{else/}
								{$v.scompany_name}
								{/empty}
							</div>
							<div class="">
								<i class="el-icon-location-outline"></i>{$v.jobs_city}-{$v.jobs_area}
							</div>
						</div>
					</a>
				</div>
			</div>
			{/volist}
		</div>
		{/xycms:jobslist}
	</div>
	{xycms:hasads alias="home_a2"}
	<div class="ads home-img row mt-3">
		{xycms:ads alias="home_a2" name='v' length="100"}
		<div class="col-{$v.col}">
      		{empty name="v.url"}
	      	<a title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
      		{else/}
	      	<a href="{$v.url}" target="_blank" title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
      		{/empty}
				<img src="{xycms:web name="imgurl"/}{$v.path}">
	      	</a>
      	</div>
		{/xycms:ads}
	</div>
	{/xycms:hasads}
	{xycms:jobslist name="JobsList" is_recommend="1" length="20"}
	<div class="mt-3">
		<div class="flex">
			<div class="flex-1"></div>
			<el-divider class="flex-1 block-title">推荐职位</el-divider>
			<div class="flex-1"></div>
		</div>
		<div class="row home-jobs-list pt-3">
			{volist name="JobsList" id="v"}
			<div class="col-4">
				<div class="home-jobs-item">
					<a href="/jobs/{$v.id}.html" target="_blank" class="p-3">
						<div class="flex pb-2">
							<h6 class="mb-0 flex-1 text-dark">{$v.title}</h6>
							<div class="h6 text-ec6334 mb-0">
								{gt name="v.salary_min" value="0"}
								{eq name="v.jobs_salary_show_type" value="1"}
								{$v.salary_min}-{$v.salary_max}元
								{else/}
								{$v.salary_min}-{$v.salary_max}k
								{/eq}
								{else/}
								面议
								{/gt}
							</div>
						</div>
						<div class="text-secondary small">{$v.exp_level}丨{$v.education}</div>
						<div class="flex text-truncate border-top mt-2 text-dark flex-center pt-2 small">
							{notempty name="v.logo"}
							<div>
								<img src="{$v.logo}" alt="" width="40" height="40" class="border rounded">
							</div>
							{/notempty}
							<div class="flex-1 px-2 text-truncate">
								{empty name="v.scompany_name"}
								{$v.company_name}
								{else/}
								{$v.scompany_name}
								{/empty}
							</div>
							<div class="">
								<i class="el-icon-location-outline"></i>{$v.jobs_city}-{$v.jobs_area}
							</div>
						</div>
					</a>
				</div>
			</div>
			{/volist}
		</div>
	</div>
	{/xycms:jobslist}
	{xycms:resumelist name="ResumeList" length="9" prop="recommend"}
	<div class="mt-3">
		<div class="flex">
			<div class="flex-1"></div>
			<el-divider class="flex-1 block-title">人才推荐</el-divider>
			<div class="flex-1"></div>
		</div>
		<div class="row pt-3 home-resume-list">
			{volist name="ResumeList" id="v"}
			<div class="col-4">
				<a href="javascript:void(0);"
				@click="hrefPage('/resume/{$v.id}.html')" class="bg-white p-3">
					<div class="flex flex-center pb-3">
						<div>
							<img src="{$v.headimg}" width="60" height="60" class="rounded-circle">
						</div>
						<div class="flex-1 h6 mb-0 pl-3">
							<div class="flex flex-center">
								<div class="flex-1 text-dark">{$v.name}{$v.sex==1?'先生':''}{$v.sex==2?'女士':''}</div>
								<div class="text-secondary small">信息完整度:<span class="text-primary h5 mb-0">{$v.progress}%</span></div>
							</div>
							<ul class="resume-seniority flex mt-2 text-secondary small">
								<li>{$v.sex==1?'男':''}{$v.sex==2?'女':''}</li>
								<li>{$v.educational_background}</li>
								<li>{$v.age}岁</li>
								<li>{$v.work_experience_time?$v.work_experience_time.'年':'无'}工作经验</li>
							</ul>
						</div>
					</div>
					<div class="border-top flex">
						<div class="mt-2 text-dark small pr-2">{$v.jobs_cate3}</div>
						<div class="mt-2 text-secondary small flex-1">{$v.industry}</div>
						<div class="text-secondary mt-2 small"><i class="el-icon-location-information mr-2"></i>{$v.job_area}</div>
					</div>
				</a>
			</div>
			{/volist}
		</div>
		<div class="text-center mt-3">
			<a href="/resume" class="el-button rounded-0 px-5 el-button--primary text-white">查看更多</a>
		</div>
	</div>
	{/xycms:resumelist}
	<div class="mt-3 block-article bg-white p-3">
		<div class="flex flex-center border-bottom pb-3">
			<div>
				<img src="__TEMPLATE_STATIC__/icon/icon_news_hot.png" alt="" height="16">
			</div>
			<div class="flex-1 pl-2 text-grey">职场新闻</div>
			<div>
				<a href="/article/type/workplace.html" class="el-link el-link--primary" target="_blank">查看更多 >></a>
			</div>
		</div>
		<div class="flex pt-3">
			<div class="w-60 pr-3 border-right">
				<div class="flex">
					<div class="flex-1">
						<ul class="article-notice-content text-left mb-0 pl-4 overflow-hidden">
							{xycms:articlelist alias="interview_guide" name='v' length="20"}
							{eq name="$i" value="1"}
							{notempty name="v.thumb"}
							<li class="{$v.cla} style-none">
								<div class="flex flex-center py-1">
									{volist name="v.thumb" id="thumb" length="1"}
									<div class="bg-white w-100px h-50px text-truncate rounded mr-3">
										<img src="{$thumb}" style="object-fit: contain;width: 100%;height: 100%;">
									</div>
									{/volist}
									<div class="flex-1">
										<a href="/article/content/{$v.id}.html" class="el-link h-40px text-ellipsis-2" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
										<div class="text-secondary small">文章来源：{$v.source}</div>
										<div class="flex text-secondary pt-1 small">
											<div class="pr-3"><i class="el-icon-time mr-1"></i>{$v.start_time|date="Y-m-d"}</div>
											<div><i class="el-icon-view mr-1"></i>{$v.view}</div>
										</div>
									</div>
								</div>
							</li>
							{else/}
							<li class="{$v.cla}">
								<div class="flex py-1">
									<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
									<span class="text-secondary">{$v.start_time|date="Y-m-d"}</span>
								</div>
							</li>
							{/notempty}
							{else/}
							<li class="{$v.cla}">
								<div class="flex py-1">
									<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
									<span class="text-secondary">{$v.start_time|date="Y-m-d"}</span>
								</div>
							</li>
							{/eq}
							{/xycms:articlelist}
						</ul>
					</div>
					<div class="flex-1">
						<ul class="article-notice-content text-left mb-0 pl-4 overflow-hidden">
							{xycms:articlelist alias="workplace" name='v' length="20"}
							{eq name="$i" value="1"}
							{notempty name="v.thumb"}
							<li class="{$v.cla} style-none">
								<div class="flex flex-center py-1">
									{volist name="v.thumb" id="thumb" length="1"}
									<div class="bg-white w-100px h-50px text-truncate rounded mr-3">
										<img src="{$thumb}" style="object-fit: contain;width: 100%;height: 100%;">
									</div>
									{/volist}
									<div class="flex-1">
										<a href="/article/content/{$v.id}.html" class="el-link h-40px text-ellipsis-2" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
										<div class="text-secondary small">文章来源：{$v.source}</div>
										<div class="flex text-secondary pt-1 small">
											<div class="pr-3"><i class="el-icon-time mr-1"></i>{$v.start_time|date="Y-m-d"}</div>
											<div><i class="el-icon-view mr-1"></i>{$v.view}</div>
										</div>
									</div>
								</div>
							</li>
							{else/}
							<li class="{$v.cla}">
								<div class="flex py-1">
									<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
									<span class="text-secondary">{$v.start_time|date="Y-m-d"}</span>
								</div>
							</li>
							{/notempty}
							{else/}
							<li class="{$v.cla}">
								<div class="flex py-1">
									<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
									<span class="text-secondary">{$v.start_time|date="Y-m-d"}</span>
								</div>
							</li>
							{/eq}
							{/xycms:articlelist}
						</ul>
					</div>
				</div>
			</div>
			<div class="w-40 pl-3">
				<ul class="article-notice-content style-none text-left mb-0 overflow-hidden">
				{xycms:articlelist alias="hot" name='v' length="20"}
				<li class="{$v.cla}">
					<div class="flex py-1 flex-center">
						<div class="mr-2 article-notice-icon">{$i}</div>
						<a href="/article/content/{$v.id}.html" class="flex-1 text-truncate pr-3" target="_blank"><span class="{$v.cla}">{$v.title}</span></a>
						<span class="text-secondary">{$v.start_time|date="Y-m-d"}</span>
					</div>
				</li>
				{/xycms:articlelist}
				</ul>
			</div>
		</div>
	</div>
	<div class="mt-3">
		<div class="flex block-title flex-center">
			<div class="block-title-text">友情链接</div>
			<div class="flex-1 ml-3"></div>
		</div>
		<div class="pr-3 pt-3 flex flex-wrap">
			{xycms:links name="v"}
			<div class="pl-3 pb-3"><a href="{$v.url}" class="el-link el-link--info" target="_blank" title="{$v.title}">{$v.title}</a></div>
			{/xycms:links}
		</div>
	</div>
	{xycms:hasads alias="home_a3"}
	<div class="ads home-img row mt-3">
		{xycms:ads alias="home_a3" name='v' length="100"}
		<div class="col-{$v.col}">
      		{empty name="v.url"}
	      	<a title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
      		{else/}
	      	<a href="{$v.url}" target="_blank" title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
      		{/empty}
				<img src="{xycms:web name="imgurl"/}{$v.path}">
	      	</a>
      	</div>
		{/xycms:ads}
	</div>
	{/xycms:hasads}
</div>
{eq name=":config('basic.pc_footer_guide')" value="1"}
<div class="footer-position" v-show="footerPosition" style="display: none;">
	<div class="flex container-xl py-3 h6 mb-0 flex-bottom">
		<div class="h3 mb-0">{:config('basic.pc_footer_guide_text')}</div>
		<div class="flex flex-bottom px-3">
			<div class="h3 mb-0 mr-1">{$footer_count_sum.company}</div>
			<div class="pb-1">企业</div>
		</div>
		<div class="flex flex-bottom px-3">
			<div class="h3 mb-0 mr-1">{$footer_count_sum.jobs}</div>
			<div class="pb-1">职位</div>
		</div>
		<div class="flex flex-bottom px-3">
			<div class="h3 mb-0 mr-1">{$footer_count_sum.resume}</div>
			<div class="pb-1">简历</div>
		</div>
		<div class="flex-1"></div>
		<div class="pr-5">
			<el-button type="primary" @click="loginTabs.loginWin=true;">
				立即登录
			</el-button>
			<a href="/register" class="el-button el-button--warning ml-2">立即注册</a>
		</div>
		<div class="position-relative w-100px mr-3">
			<div class="footer-position-code text-center">
				<div class="flex">
					<img src="{xycms:web name="wxmpcode"}" width="100" height="100" class="shadow">
					<img src="__TEMPLATE_STATIC__/footer_guide_icon.png" height="63">
				</div>
				<div class="small mb-0 pt-1 w-100px">手机也能找工作</div>
			</div>
		</div>
		<div class="pb-3">
			<i class="el-icon-close pointer"
			@click="footerPosition=false;"></i>
		</div>
	</div>
</div>
{/eq}
{/block}
{block name="footer"}
{include file="module/footer"/}
{include file="module/login"/}
{/block}
{block name="script"}
{js href="__PLUGIN_SRC__/Swiper/swiper.min.js"}
<script type="text/javascript">
    var urlHash=location.hash.replace('#','');
	if(urlHash){
    	var urlParam = urlHash.split("?");
    	if(urlParam.length){
    		var urlPath=urlParam[0];
	    	var paramObj={};
	    	if(urlParam.length>1){
	    		var param=urlParam[1].split('&');
	    		for (var i=0;i<param.length;i++) {
	               var pair = param[i].split("=");
	               paramObj[pair[0]]=pair[1];
	       		}
	    	}
	    	var urlPathArr=[
	    		'/pageA/pages/personal/jobs/jobs',
	    		'/pageA/pages/common/company/company',
	    		'/pageA/pages/common/resume/resume',
	    		'/pageA/pages/common/article/content',
	    		'/pageA/pages/company/jobs/jobs'
	    	];
    		switch(urlPathArr.indexOf(urlPath)){
    			case 0:
    				if(paramObj.id)
    					window.location.href='/jobs/'+paramObj.id+'.html';
    				break;
    			case 1:
    				if(paramObj.id)
    					window.location.href='/company/'+paramObj.id+'.html';
    				break;
    			case 2:
    				if(paramObj.id)
    					window.location.href='/resume/'+paramObj.id+'.html';
    				break;
    			case 3:
    				if(paramObj.id)
    					window.location.href='/article/content/'+paramObj.id+'.html';
    				if(paramObj.alias)
    					window.location.href='/article/content/'+paramObj.alias+'.html';
    				break;
    			case 4:
    				if(paramObj.id)
    					window.location.href='/jobs/'+paramObj.id+'.html';
    				break;
    		}
    	}
	}
	var vm=new Vue({
		el:'#app',
		data:{
			view:XYBase.view,
			loginTabs:XYBase.loginTabs,
			userInfo:UserInfo,
			feedback:XYBase.feedback,
			footerPosition:!UserInfo.id,
			articleNotice:0,
			articleNoticeTime:0,
			jobs_type:2,
			search:{
				key:'',
				type:1
			},
		},
		watch:{
		    view:XYBase.viewWatch,
		    loginTabs:XYBase.loginTabsWatch,
		},
		created(){
			XYBase.created(this);
			var _this=this;
			setInterval(function() {
				_this.articleNoticeTime++;
				if (_this.articleNoticeTime>=10) {
					_this.articleNoticeTime=0;
					if (_this.articleNotice>=3) {
					_this.articleNotice=0;
					}else _this.articleNotice++;
				}
			},1000);
		},
		methods:XYBase.methods({
			hrefPage(url){
				if(this.userInfo.id){
					window.open(url);
				}else{
					return this.loginTabs.loginWin=true;
				}
			}
		})
	});
    var swiper = new Swiper('.banner-container', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      autoplay:true
    });
</script>
{/block}